

         /*网格视图*/
* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


  .header{
     background-color: black;
     width: 100%;
     height: 50px;
     color: white;
     padding-top: 10px;
  }  

.header a{
    color:white;
}
 



.menu{
    border-bottom: 0px;
    border-top: 0px;
    background-color:#BEBEBE;
}

	 /*导航栏*/
ul#nav{ width:100%; height:60px; background:white ;margin:0 auto;text-align: center; background-color:#BEBEBE;} 

ul#nav li{display:inline; height:60px;padding: 0px;} 

ul#nav li a{display:inline-block; padding:0 20px; height:60px; line-height:60px;

 color:black; font-family:"LiHei Pro Medium"; font-size:20px;text-decoration:none;} 

ul#nav li a:hover{background:#888888}/*设置鼠标滑过或悬停时变化的背景颜色*/ 



  .footer{
    text-align: center;
     background-color: black;
     width: 100%;
     height: 25px;
     color: white;
     padding: 5px;
  }  



.slide-bar    /* 侧边栏设置  未设置其他设备的兼容*/
{
  position:absolute;
  top: 23%;
  right: 0%;
}
.slide-bar 
ul{
    margin: 0;
    padding: 0;
}
.slide-bar 
ul li{
    display:block;
}
.slide-bar 
ul li a{
text-decoration:none;
color:#1d2e34;
font-size:11px;
text-align:center;    /*text-align 属性规定元素中的文本的水平对齐方式*/
padding-top: 45px;    /*padding-top 属性设置元素的上内边距*/
}
.slide-bar 
ul li.active a:hover{
color:#1d2e34;
}
.slide-bar
ul li a:hover{
color:#ffffff;
 transition: .5s all;   /*transition 把鼠标指针放到 div 元素上时会按照设定改变*/
   -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
}
.slide-bar 
ul li a.loc{
background: url(../images/icons2.png) no-repeat 13px 15px #ed1616;  
    display: block;
    width: 75px;
    height: 30px;
    margin-bottom:3px;
}
.slide-bar 
ul li a.loc:hover{
background: url(../images/icons.png) no-repeat 13px 15px #ffffff;   
 transition: .5s all;
   -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
}
.slide-bar 
ul li a.wts-new{
    background: url(../images/icons.png) no-repeat 13px -58px #ffffff;
    display: block;
    width: 75px;
    height: 30px;
    margin-bottom:3px;
}
.slide-bar 
ul li a.wts-new:hover{
    background: url(../images/icons2.png) no-repeat 13px -58px #ed1616;
     transition: .5s all;
}
.slide-bar 
ul li a.partner{
    background: url(../images/icons.png) no-repeat 17px -133px #ffffff;
    display: block;
    width: 75px;
    height: 30px;
    margin-bottom:3px;
}
.slide-bar 
ul li a.partner:hover{
    background: url(../images/icons2.png) no-repeat 17px -133px #ed1616;
     transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
}
.slide-bar 
ul li a.milavo{
    background: url(../images/icons.png) no-repeat 17px -206px #ffffff;
    display: block;
    width: 75px;
    height: 30px;
    margin-bottom:3px;
}
.slide-bar 
u li a.milavo:hover{
    background: url(../images/icons2.png) no-repeat 17px -206px #ed1616;
     transition: .5s all;
  -webkit-transition: .5s all;
  -moz-transition: .5s all;
  -o-transition: .5s all;
  -ms-transition: .5s all;
}









